<template>
  <v-page class="bg-light page-max">
    <view class="p-x-20 p-y-lg m-t-lg">
      <v-input
        placeholder="请输入手机号"
        class="bg-gray-2 p-x-md h-36 d-flex align-center fn-md rounded m-b-25"
      >
        <template #left>
          <view class="w-65 m-r-md fn-lg"> 手机号 </view>
        </template>
      </v-input>
      <v-input
        placeholder="请输入昵称"
        class="bg-gray-2 p-x-md h-36 d-flex align-center fn-md rounded m-b-25"
      >
        <template #left>
          <view class="w-65 m-r-md fn-lg"> 昵称 </view>
        </template>
      </v-input>
      <v-input
        placeholder="请输入密码"
        class="bg-gray-2 p-x-md h-36 d-flex align-center fn-md rounded m-b-25"
        type="password"
      >
        <template #left>
          <view class="w-65 m-r-md fn-lg"> 密码 </view>
        </template>
      </v-input>
      <v-input
        placeholder="请确认密码"
        class="bg-gray-2 p-x-md h-36 d-flex align-center fn-md rounded m-b-25"
        type="password"
      >
        <template #left>
          <view class="w-65 m-r-md fn-lg"> 确认密码 </view>
        </template>
      </v-input>
    </view>
    <view class="btn-group">
      <v-button type="theme" class="btn m-b-25 rounded-lg">注册</v-button>
    </view>
  </v-page>
</template>
<script>
export default {
  name: "reg-setting",
};
</script>
<style lang="scss" scoped>

.p-x-20 {
  padding-left: 40rpx;
  padding-right: 40rpx;
}
.m-b-25 {
  margin-bottom: 50rpx;
}
.btn-group {
  width: 500rpx;
  margin: 0 auto;
  .btn {
    height: 100rpx;
    &.rounded-lg:after {
      border-radius: $border-radius-lg * 2;
    }
  }
}
</style>